@charset "utf-8";
/* CSS Document */

html body{ 
	overflow-x: hidden; overflow-y: auto; 
	padding:0px;margin:0 auto;
	padding-bottom:100px;
	font-family:幼圆;
}
	#section1{
	background-color:#ccc;
	height: 300px;
	}
	#section2{
	background-color:#f5f5f5;
	height: 600px;
	}
	#section3{
		background-color:#f5f5f5;
		height: 600px;
	}
	#section4{
		background-color:#f5f5f5;
		height: 600px;
	}
	#section5{
		background-color:#f5f5f5;
		height: 600px;
	}
	#section6{
		background-color:#f5f5f5;
		height: 600px;
	}
	#section7{
		background-color:#f5f5f5;
		height: 600px;
	}

	#title1{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/1F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#title2{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/2F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#title3{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/3F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#title4{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/4F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#title5{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/5F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#title6{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/6F.png);
		width:191px;
		height:80px;
		position:relative;
		top:80px;
		left:80px;
	}
	#brand1{
		background-image:url(../img/%E5%B0%8F%E6%A0%87%E9%A2%98/1F.png);
		width:126px;
		height:300px;
		position:relative;
		left:110px;
		top:160px;
	}
	#BrandBackground1{
		background-color:#FFF;
		width:191px;
		height:410px;
		position:relative;
		left:80px;
		top:80px;
	}
	#fushi1{
	position: relative;
	width:126px;
	height:61px;
	top:20px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
	}
	#fushi2{
		position: relative;
		width:126px;
		height:61px;
		top:35px;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
	}
	#fushi3{
		position: relative;
		width:126px;
		height:61px;
		top:55px;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
	}
	#fushi4{
		position: relative;
		width:126px;
		height:61px;
		top:75px;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
	}
	#fushi5{
		position: relative;
		width:126px;
		height:61px;
		top:85px;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
	}
	#middle1{
		position:absolute;
		width:400px;
		height:490px;
		left:271px;
	}
	#right1-1{
	background-color:#FFF;
	width:190px;
	height:245px;
	position:absolute;
	}
	#right1-2{
	background-color:#FFF;
	width:190px;
	height:245px;
	position:absolute;
	}
	#right1-3{
	background-color:#FFF;
	width:190px;
	height:245px;
	position:absolute;
	}
	#round1-1{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:20px;	
	}
	#round1-2{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:30px;
	}
	#round1-3{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:25px;
	}
	#round1-4{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:25px;
	}
	#round1-5{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:20px;
	}
	#round1-6{
	width:160px;
	height:200px;
	position:relative;
	top:0px;
	left:30px;
	}
.roundBig{
	transition:all 0.3s linear;
	transform:scale(1.065);
}
.roundShadow{
	box-shadow:-1px -1px 8px #666;
}
	#text1-1{
	position:relative;
	color:#333;
	top:10px;
	left:5px;
	font-family: "幼圆";
	font-size: 16px;
	z-index:10;
	}
	.navFocus{
		color: #1abc9c;
	}
	.notFocus{
		color: #fff;
	}
	.nav navbar-nav a:hover{
		color: #16a085;
	}
	#logIn{
		position:fixed;
		left:1000px;
		top:3px;
	}
	#logMember{
		position:relative;
		left:0px;
		top:0px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#line1{
	position:relative;
	left:65px;
	top:-28px;
	color:#CCC;
	z-index:1001;
	}
	#logMerchant{
		position:relative;
		left:77px;
		top:-57px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#addMerchant{
		position:relative;
		left:146px;
		top:-83px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#line2{
	position:relative;
	left:213px;
	top:-110px;
	color:#CCC;
	z-index:1001;
	}
	#logOperator{
		position:relative;
		left:225px;
		top:-139px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#loginmodal {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#loginmodal2 {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#loginmodal4 {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#logIn a{
		color:#CCC;
	}
	#logIn a:hover{
		color:#fff;
	}
	#lean_overlay {
    position: fixed;
    z-index:1000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

	#windowTop{
		position:relative;
		top:-20px;
		left:-20px;
		width:380px;
		height:50px;
		background-color:#34495e;
		font-family:幼圆;
		font-size:22px;
	}
	
#windowTopAddMerWarn{
	position:relative;
	height:50px;
	background-color:#34495e;
	font-family:幼圆;
	font-size:22px;
	width:300px;left:0px;top:0px;
}
	#deleteLog{
	font-size:23px;
	width:40px;
	height:40px;
	position:absolute;
	left:335px;
	top:5px;
	border-radius: 4px;
	background-color:#1abc9c;
	border-radius: 4px;
	z-index:1002;
	cursor:pointer;
	}
	#deleteLog:focus,#deleteLog:hover{
		background-color:#49c9b0;
		transition:background-color 0.3s;
	}
	#ls0{
	float: left;
	height: 20px;
	padding: 15px 90px;
	font-size: 23px;
	line-height: 20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	span a{
		color:#000;
	}
	span a:hover{
		color:#CCC;
	}
	.nav li a:hover{
		color:#CCC;
	}
	#heartCollect1{
		display:none;background-image:url(img/heartCollect.png);width:40px;height:40px;position:absolute;z-index:2;left:135px;top:150px;
	}
	#heartCollect2{
		display:none;background-image:url(img/heartCollect2.png);width:40px;height:40px;position:absolute;z-index:2;left:135px;top:150px;
	}
.heartCollect{
	z-index:100;
	cursor:pointer;
}
	#code{
		background-image:url(img/code.png);width:37px;height:37px;position:relative;top:240px;
	}
	#codeFloat{
		background-color:#FFF;
		width:200px;
		height:200px;
		position:absolute;
		top:230px;
		left:-200px;
		display:none;
	}
	#arrowTop{
		background-image:url(img/arrayTop.png);width:37px;height:37px;position:relative;top:250px;
	}
	body,td,th {
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica-Neue, Helvetica, Arial, sans-serif;
}
#logo{
	background-image:url(../images/logoSmall.png);position:absolute;top:1.4px;left:30px;width:50px;height:50px;z-index:10005;
}
#rightNav{
	position:fixed;width:37px;left:1313px;height:100%;background-color:#14191c;
}
#heartRight{
	background-image:url(img/heartRight.png);width:37px;height:37px;position:relative;top:230px;"z-index:10;
}

.chooseCity{
	color:#000;position:relative;left:10px;font-size:16px;
}
.chooseArea{
	position:relative;left:10px;color:#1bbc9b;
}
#city{
	width:400px;box-shadow:0px 0px 6px #666;position:fixed;left:50px;top:35px;
}
#labelMemberName{
	color:#34495e;font-family:幼圆; font-size:16px;position:relative;top:5px;
}
#warnMemberName{
	color:#F66;position:absolute;top:5px;left:140px;display:none;
}
#warnMemberNumber{
	color:#F66;position:absolute;top:5px;left:105px;display:none;
}
#forgetMemberLog{
	position:absolute; left:158px;top:160px;color:#34495e;font-size:12px;font-family:幼圆;
}
#labelMemberLogKey{
	color:#34495e;font-family:幼圆; font-size:16px; position:relative;top:5px;
}
#warnMemberKey{
	color:#F66;position:absolute;top:90px;left:160px;display:none;
}
#warnMemberKeyWrong{
	color:#F66;position:absolute;top:260px;left:90px;display:none;
}
#labelMerchantName{
	color:#34495e;font-size:16px;position:relative;top:5px;
}
#forgetMerchantLog{
	position:absolute; left:158px;top:160px;color:#34495e;font-size:12px;
}
#labelMerchantLogKey{
	color:#34495e;font-size:16px; position:relative;top:5px;
}
#warnMerchantName{
	color:#F66;position:absolute;top:5px;left:140px;display:none;
}
#warnMerchantNumber{
	color:#F66;position:absolute;top:5px;left:105px;display:none;
}
#warnMerchantKey{
	color:#F66;position:absolute;top:90px;left:160px;display:none;
}
#warnMerchantKeyWrong{
	color:#F66;position:absolute;top:260px;left:90px;display:none;
}
#labelOperatorName{
	color:#34495e;font-family:幼圆; font-size:16px;position:relative;top:5px;
}
#labelOperatorLogKey{
	color:#34495e;font-family:幼圆; font-size:16px; position:relative;top:5px;
}
#warnOperatorName{
	color:#F66;position:absolute;top:5px;left:140px;display:none;
}
#warnOperatorNumber{
	color:#F66;position:absolute;top:5px;left:105px;display:none;
}
#warnOperatorKey{
	color:#F66;position:absolute;top:90px;left:160px;display:none;
}
#warnOperatorKeyWrong{
	color:#F66;position:absolute;top:260px;left:90px;display:none;
}
.leftLabelTitle{
	font-size:16px;font-family:幼圆;position:absolute;left:73px;top:45px;
}
.leftLogoStyle{
	position:relative;left:67px;top:5px;
}
#sleft1 a{	color:#fff;	}
#dropDown2{
	position:fixed;left:180px;top:5px;height:50px;	
}
#AddMerWarn{
	width:300px;height:200px;z-index:3;position:relative;top:20px;left:-20px;color:black;text-align:center
}
#grayMidWhite{
	background-color:white;width:900px;height:1350px;position:relative;left:200px;
}
#amTitle{
	color:#49c9b0;position:relative;top:70px;left:30px;
}
#amPart1{
	position:absolute;
	top:160px;
	left:200px;
}
a{
	cursor:pointer;
}
#amLongLine1{
	border:1pt solid #ccc;
	position:relative;
	left:40px;
	top:140px;
}
#amTitle2{
	color:#49c9b0;position:relative;top:150px;left:40px;
}
#amPart2{
	position:absolute;
	top:600px;
	left:170px;
}
#amPart2Right{
	position:relative;
	top:175px;
	left:330px;
}
#amLongLine2{
	border:1pt solid #ccc;position:relative;left:40px;top:200px;
}
#amTitle3{
	color:#49c9b0;position:relative;top:210px;left:40px;
}
#amLeft3{
	position:absolute;
	top:730px;
	left:220px;
}
#amRight3{
	position:relative;
	top:235px;
	left:330px;
}
#amButton{
	position:relative;left:600px;bottom:100px;width:200px;font-size:20px;
}
#amWarnMerName{
	color:#F66;position:absolute;left:355px;top:65px;display:none;
}
#amWarnMerAdress{
	color:#F66;position:absolute;left:355px;top:128px;display:none;
}
#amWarnMerTel{
	color:#F66;position:absolute;left:355px;top:190px;display:none;
}
#amWarnMerTelNum{
	color:#F66;position:absolute;left:355px;top:190px;display:none;
}
#amWarnPercentage{
	color:#F66;position:absolute;left:455px;top:600px;display:none;
}
#amWarnPerNum{
	color:#F66;position:absolute;left:455px;top:600px;display:none;
}
#amWarnConName{
	color:#F66;position:absolute;left:360px;top:65px;display:none;
}
#amWarnConJob{
	color:#F66;position:absolute;left:360px;top:125px;display:none;
}
#amWarnConTel{
	color:#F66;position:absolute;left:360px;top:190px;display:none;
}
#amWarnConTelNum{
	color:#F66;position:absolute;left:360px;top:190px;display:none;
}
#amWarnCode{
	color:#F66;position:absolute;left:360px;top:440px;display:none;
}
#amSuccess{
	position:relative;top:30px;left:10px;
}
#breadcrumb {
  		list-style: none;
  		display: inline-block;
		position:relative;top:90px;left:70px;
	}
	#breadcrumb .icon {
  		font-size: 14px;
	}
	#breadcrumb li {
	  float: left;
	}
	
	#breadcrumb li a {
	  color: #FFF;
	  display: block;
	  background: #34495e;
	  text-decoration: none;
	  position: relative;
	  height: 50px;
	  line-height: 50px;
	  padding: 0 50px 0 45px;
	  text-align: center;
	  margin-right: 25px;
	}
	#breadcrumb #unique a {
	  background-color: #1bbc9b;
	}
	#breadcrumb #unique a:before {
	  border-color: #1bbc9b;
	  border-left-color: transparent;
	}
	#breadcrumb #unique a:after {
	  border-left-color: #1bbc9b;
	}
	#breadcrumb li:first-child a {
	  padding-left: 35px;
	  -webkit-border-radius: 4px 0 0 4px;
	  -moz-border-radius: 4px 0 0 4px;
	  -ms-border-radius: 4px 0 0 4px;
	  -o-border-radius: 4px 0 0 4px;
	  border-radius: 4px 0 0 4px;
	}
	#breadcrumb li:first-child a:before {
	  border: none;
	}
	#breadcrumb li:last-child a {
	  padding-right: 75px;
	  -webkit-border-radius: 0 4px 4px 0;
	  -moz-border-radius: 0 4px 4px 0;
	  -ms-border-radius: 0 4px 4px 0;
	  -o-border-radius: 0 4px 4px 0;
	  border-radius: 0 4px 4px 0;
	}
	#breadcrumb li:last-child a:after {
	  border: none;
	}
	#breadcrumb li a:before, #breadcrumb li a:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  border: 0 solid #34495e;
	  border-width: 25px 15px;
	  width: 0;
	  height: 0;
	}
	#breadcrumb li a:before {
	  left: -20px;
	  border-left-color: transparent;
	}
	#breadcrumb li a:after {
	  left: 100%;
	  border-color: transparent;
	  border-left-color: #34495e;
	}
#fgGrayWhite{
	background-color:white;width:900px;height:700px;position:absolute;left:200px;
}
#fgTitle{
	color:#49c9b0;position:relative;top:70px;left:30px;
}
#fkLeft{
	position:absolute;top:250px;left:220px;
}
#fkRight{
	position:relative;top:145px;left:330px;
}
#fkButton{
	position:relative;left:380px;top:200px;width:150px;font-size:20px;
}
#fkWarnName{
	color:#F66; position:absolute;top:250px;left:600px;display:none;
}
#fkWarnVerifyNull{
	color:#F66; position:absolute;top:315px;left:700px;display:none;
}
#fkWarnVerifyWrong{
	color:#F66; position:absolute;top:315px;left:700px;display:none;
}
#fk2Left{
	position:absolute;top:250px;left:220px;
}
#fk2Right{
	position:relative;top:145px;left:330px;
}
#getCode{
	position:absolute;left:0px;top:58px;width:180px;font-size:16px;
}	
#fk2Button{
	position:relative;left:380px;top:200px;width:150px;font-size:20px;
}
#fk2WarnName{
	color:#F66; position:absolute;top:250px;left:600px;display:none;
}
#fk2WarnVerifyNull{
	color:#F66; position:absolute;top:370px;left:500px;display:none;
}
#fk2WarnVerifyWrong{
	color:#F66; position:absolute;top:315px;left:700px;display:none;
}
#fk3Left{
	position:absolute;top:250px;left:220px;
}
#fk3Right{
	position:relative;top:145px;left:330px;
}
#fk3Button{
	position:relative;left:380px;top:200px;width:150px;font-size:20px;
}
#fk3WarnName{
	color:#F66; position:absolute;top:250px;left:600px;display:none;
}
#fk3WarnVerifyNull{
	color:#F66; position:absolute;top:315px;left:600px;display:none;
}
#fk3WarnVerifyWrong{
	color:#F66; position:absolute;top:315px;left:600px;display:none;
}
.fk4Success{
	color:black;position:relative;top:200px;
}
#scShowRight{
	position:fixed;left:915px;top:80px;
}
#scShowRightTop{
	background-color:#000;opacity:0.8;width:240px;height:500px;position:fixed;left:915px;top:80px;
}
#scCollectLabel{
	color:#FFF; font-size:20px; font-weight:900;position:relative;left:15px;
}
#scShowRightMore a{
	position:relative;left:100px;color:#999;
}
#scShowRightMore a:hover{
	color:#FFF;
}
#scShowRightWhite{
	background-color:#fff;width:230px;height:450px;z-index:2;position:relative;left:5px;top:-8px;
}
.scBrandSmall{
	width:90px;height:45px;position:relative;
}
.scShowLeft{
	position:relative;left:190px;width:700px;height:245px;
}
.scLeftWhite{
	text-align:center;top:0;width:203px;background-color:#FFF;height:245px;
}
.scShowLeftP1{
	color:#6b6b6b;font-size:16px;position:relative;top:30px;
}
.scShowLeftP2{
	color:#6b6b6b;position:relative;top:40px;font-size:12px;
}
.scShowLeftP3{
	color:#000;position:relative;top:50px;font-size:15px;
}
.scWelcome{
	background-color:#000;color:#1abc9c; opacity:0.7; width:700px; height:245px; position:absolute; top:0px; z-index:10;padding:80px 280px;font-size:50px;font-family:Arial, Helvetica, sans-serif;
}
.scForget{
	color:#1abc9c;position:relative;top:10px;
}
.showProduct{
		background-color:#fff;width:225px;height:370px;position:absolute;box-shadow:0px 0px 6px #CCC;
	}
.showProductShadow{
		background-color:#fff;width:225px;height:370px;position:absolute;box-shadow:0px 0px 10px #666;
	}
#showMap2{
	width:600px;height:500px;z-index:3;position:relative;top:-20px;left:-20px;
}
#showConcreteButton{
	width:60px;height:60px;position:absolute;top:80px;left:30px;z-index:3;
}
#showConcreteBack{
	background-color:#000;opacity:0.8;width:800px;height:400px;position:absolute;top:80px;left:30px;z-index:3;
}
#showConMerchant{
	color:#49c9b0;position:relative;left:10px;top:-5px;
}
#showConMerName{
	color:#fff;position:relative;left:20px;
}
#showConAddress{
	color:#49c9b0;position:relative;left:10px;top:-5px;
}
#showConAddrActual{
	color:#fff;position:relative;left:20px;
}
#showConBrief{
	color:#49c9b0;position:relative;left:10px;top:-5px;width:500px;
}
#showConBriefContent{
	color:#fff;position:relative;left:20px;
}
#showMap1{
	width:250px;height:250px;z-index:3;position:absolute;left:565px;top:150px;
}
#showConcreteMap{
	z-index:3;position:absolute;left:565px;top:410px;width:250px;
}
#smBigBack{
	width:1380px;position:relative;top:40px;z-index:2;height:450px;
}
#smLine1{
	border:0.1pt solid #ccc;opacity:0.2;position:absolute;top:85px;left:5px;width:520px;
}
#smLine2{
	border:0.1pt solid #ccc;opacity:0.2;position:absolute;top:115px;left:5px;width:520px;
}
#smMiddle{
	background-color:white;width:1380px;height:90px;position:relative;top:35px;box-shadow:0px 0px 8px #999;
}
#smBrandSmall{
	position:relative;left:-440px;top:5px;
}
#smMiddleName{
	color:#000;position:relative;left:-210px;top:-30px;
}
.smHeart{
	position:relative;top:-88px;left:-320px;width:50px;height:50px; cursor:pointer;
}
.smProductName{
	color:black;text-align:center;font-size:16px;
}
.smPrice{
	text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;
}
.smPriceNumber{
	font-size:25px;font-family:Verdana, Geneva, sans-serif;
}
.spTop{
	background-color:white;width:900px;height:700px;position:absolute;left:200px;
}
#spIntro{
	width:600px;color:black;position:absolute;top:80px;left:30px;
}
#spBrandSmall{
	position:absolute;right:350px;top:110px;width:130px;height:65px;
}
#spshowHeart{
	position:absolute;top:120px;right:290px;cursor:pointer;width:50px; height:50px;
}
#spBigImage{
	z-index:2;position:absolute;left:200px;top:230px;
}
#spRight{
	background-color:#302c2d;width:260px;height:400px;position:absolute;left:840px;top:230px;z-index:3;
}
#spGreen{
	position:relative;right:32px;top:45px;
}
#spPrice{
	z-index:5;position:relative;bottom:35px;left:40px;
}
#spPriceNum{
	font-size:45px;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
#spProductName{
	width:200px;position:relative;left:30px;
}
#spLine{
	position:relative;left:30px;top:30px;
}
#spPriceLabel{
	color:#999;position:relative;top:70px;
}
#spConcretePrice{
	color:#1bbc9b;font-family:Arial, Helvetica, sans-serif;position:relative;top:70px;
}
#ml{
	position:relative;top:10px;left:350px;
}
#mlDrop{
	width:150px;position:absolute;top:25px;left:775px;box-shadow:0px 0px 6px #666;
}
#olDrop{
	width:200px;position:absolute;top:25px;left:755px;box-shadow:0px 0px 6px #666;
}
